<!DOCTYPE html>
<html>
    <head>
        <title>jQuery UI Dialog - Modal confirmation</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" href="dialog.css">
        <script src="dialog.js"></script>
    </head>
    <body>
        <div id="dialogoverlay"></div>
        <div id="dialogbox">
            <div>
                <div id="dialogboxhead"></div>
                <div id="dialogboxbody"></div>
                <div id="dialogboxfoot"></div>
            </div>
        </div>
        <p id="post_1">
            Today is a lovely day ...
            <button onclick="Confirm.render('Delete Post?', 'delete_post', 'post_1')">Delete</button>
        </p>
        <p id="post_2">
            I like pickles ... 
            <button onclick="Confirm.render('Delete Post?', 'delete_post', 'post_2')">Delete</button>
        </p>
        <button onclick="Alert.render('Hello World')">Custom Alert</button>
    </body>
</html>